草庐IT

Java Android - 在 ImageView 中裁剪图像

全部标签

javascript - 如何在 Holder.js 图像中使用 Bootstrap Glyphicons

我正在使用Bootstrap构建一个元素的前端,我希望使用Glyphicons在3.0.0中找到而不是通常的文本。我该怎么做?熟悉Holder.js的人就会知道,JS基本上是在客户端创建占位图片。这对于节省带宽的应用程序很有用,因为您只需要下载脚本的重量(大约4Kb)并让客户端的机器生成图像。我想将Glyphicons与holder.js结合起来,即时生成大型高质量图标。使用Bootstrap调用Glyphicon如下所示:用holder.js调用带有“HelloWorld”文本的动态图片是这样完成的:我的理解是BootstrapCSS将Glyphicon类定义为字体,然后使用一个伪b

javascript - 从图像边缘创建路径

我有一张背景透明的二值图像(例如.png)。假设它看起来像一个具有不规则但实心形状的Blob(没有孔,而且都是一体的)。在JavaScript中,我想创建一个表示边界多边形的路径。多边形应该是凸的,但不一定是。输出可能只是一个坐标列表:[0,0],[0,5],[7,0]有哪些好的选择?到目前为止,我考虑过写一个QuickHull插件Caman,但这感觉有点繁重。我用canvas标记了它,但这只是因为它看起来是一个很好的起点。 最佳答案 您可以使用“行进Ant”算法来确定图像的闭合子部分的轮廓路径。行进Ant算法创建一组代表轮廓路径的

javascript - 在 WebGL 和 three.js 中创建图像变形效果

我正在学习three.js,尝试尝试转换图像。我非常喜欢显示的效果here.我要遵循哪些步骤才能转换与此类似的图像?到目前为止我有://instantiatealoadervarloader=newTHREE.TextureLoader();//loadaresourceloader.load(//resourceURL'clouds.jpg',//Functionwhenresourceisloadedfunction(texture){init(newTHREE.MeshBasicMaterial({map:texture}));},//Functioncalledwhendown

javascript - 在javascript中显示来自blob的图像

我正在使用localstoragehtml5。首先,我将mysql数据库值保存到本地存储中,然后我在我想要的地方获取。它很好。我想将图像(如产品图像)保存到本地存储中,然后想在我想要的地方显示它们,我做了一个实验,因为我在mysql中将图像保存在blob中,我能够使用php获取和显示它们,但我不想在这里使用php,目的是离线工作。我无法通过显示图像javascript谁能帮帮我??可能有两种方式,一个是我们可以在javascript中将图像(我必须到图像的路径)编码成某种字符串,然后我可以在任何地方显示它吗?第二种方式..正如我所说,我将它保存在blob中,我可以使用javascrip

javascript - 使用 base64 编码/解码图像会破坏图像

我正在尝试对图像进行编码和解码。我正在使用FileReader的readAsDataURL方法将图像转换为base64。然后将其转换回来,我尝试使用readAsBinaryString()和atob()但没有成功。有没有另一种方法可以在不使用base64编码的情况下保留图像?readAsBinaryString()StartsreadingthecontentsofthespecifiedBlob,whichmaybeaFile.Whenthereadoperationisfinished,thereadyStatewillbecomeDONE,andtheonloadendcallb

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - jsPDF不处理图像

我正在尝试使用jsPDF库在客户端生成pdf。我的代码看起来像vardoc=newjsPDF();varimgData='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAByCAMAAAAh126/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74

javascript - 选择图像的一部分并使用 jQuery 检索其坐标

我需要一种方法让用户通过调整透明矩形的大小或通过单击并拖动选择区域(就像在桌面操作系统中所做的那样)来选择图像的一部分,这两种方法都适合我。然后我需要使用jQuery检索所选区域的坐标。请推荐可能有帮助的示例或tuts(如果有的话)、方法或API文档部分。 最佳答案 参见Jcrop这是演示。和脚本:jQuery(function($){$('#target').Jcrop({onChange:showCoords,onSelect:showCoords});});//Simpleeventhandler,calledfromonCh

JavaScript 来控制图像动画?

我想在页面上有一个动画Angular色,针对不同的行为使用不同的动画。我目前有两个关于它如何工作的想法:思路一:将每个行为都做成GIF动画,切换行为时使用JavaScript切换GIF文件。好处:动画在图像本身中,为JS留下更少的工作。缺点:JavaScript无法(据我所知)判断GIF在哪一帧,动画何时结束/循环等等。想法2:将每个动画的每一帧作为PNG图像,并使用JS在帧之间切换,使用一些预加载器确保所有图像在动画开始之前就绪。好处:更多地控制动画序列。缺点:很多框架......这两个想法哪个更好?(顺便说一句,我想避免为此使用Flash)我自己倾向于想法2,因为它提供了更好的控制

javascript - 如何使用带有图像链接的 Bootstrap 工具提示?

我正在努力使用带有图像链接的Bootstrap工具提示。问题是,当img标签位于a标签内时,工具提示不会显示在正确的位置并且似乎在闪烁。在检查HTML时,实际的a标签完全位于图像下方。这是一个fiddle:http://jsfiddle.net/paniwani/DUPyR/248/ 最佳答案 这个有效:a{display:inline-block;}http://jsfiddle.net/DUPyR/249/ 关于javascript-如何使用带有图像链接的Bootstrap工具提示?